﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; Charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Long博客-关于本站</title>
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
    <!--Layui-->
    <link href="${path}/layui/css/layui.css" rel="stylesheet" />
    <!--font-awesome-->
    <link href="${path}/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <!--全局样式表-->
    <link href="${path}/css/global.css" rel="stylesheet" />
    <link href="${path}/css/animate.min.css" rel="stylesheet" />
    <!-- 本页样式表 -->
    <link href="${path}/css/about.css" rel="stylesheet" />
    <link href="${path}/css/blog.css" rel="stylesheet" />
    
      <!-- jquery -->
    <script src="${path}/js/jquery.min.js"></script>
    <!-- layui.js -->
    <script src="${path}/layui/layui.js"></script>
    <!-- 全局脚本 -->
    <script src="${path}/js/global.js"></script>
    <!-- 本页脚本 -->
    <script src="${path}/js/about.js"></script>
</head>
<body>
    <!-- 导航 -->
    <nav id="h" class="blog-nav layui-header">
			<div class="blog-container">

	<a href="#" class="blog-user" onclick="login()"> 
					<i class="fa fa-qq"></i>
				</a>

				<a class="blog-logo" href="index.html">ZHI</a>

				<ul class="layui-nav" lay-filter="nav">
					<li class="layui-nav-item">
						<a href="${path}/index.jsp"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
					</li>
					<li class="layui-nav-item">
						<a href="${path}/action/article/into"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
					</li>
					<li class="layui-nav-item">
						<a href="${path}/action/image/into"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
					</li>
					<li class="layui-nav-item">
						<a href="${path}/action/timeline/into"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
					</li>
					<li class="layui-nav-item">
						<a href="${path}/action/about/into"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
					</li>
					<span class="layui-nav-bar"></span></ul>

				<a class="blog-navicon" href="javascript:;">
					<i class="fa fa-navicon"></i>
				</a>
			</div>
		</nav>
<script type="text/html" id="commentlist">
{{# var mark=0;}}
{{#  layui.each(d.data, function(index, item){ }}

{{# if(item.parent_comment_id==0){ }}
{{# if(mark==0) }}
           </li>
{{# mark=0;}}
<li>
<div class="comment-parent">
     <img src="${path}/{{item.user.user_photo}}" alt="{{item.user.user_name}}">
     <div class="info">
     <span class="username">{{item.user.user_nickname}}</span>
	  {{# if(item.user_id==1){ }}
		:<span class="is_bloger">博主</span>
	 {{# }}}
	
     </div>
     <div class="content">
     <p>{{item.comment_content}}</p><p><br></p>
     </div>
     <p class="info info-footer"><span class="time">{{item.comment_date}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn-reply" style="color: #009688;font-size:14px;" href="javascript:;" onclick="btnReplyClick(this)">回复</a></p>
     </div>
 <!-- 回复表单默认隐藏 -->
               <div class="replycontainer layui-hide">
                   <div class="layui-form">
                   <input type="hidden" id="parent_comment_id" name="parent_comment_id" value="{{item.comment_id}}">
                   <input type="hidden" id="user_id" lay-verify="userId" name="user_id" value="">
  					 <input type="hidden" id="article_id" name="article_id" value="0"  />
                                               
                       <div class="layui-form-item">
                           <textarea name="comment_content" lay-verify="replyContent" placeholder="回复  @{{ item.user.user_name }}:" class="layui-textarea" style="min-height:80px;"></textarea>
                       </div>
                       <div class="layui-form-item">
                           <button class="layui-btn layui-btn-mini" lay-submit="formReply" lay-filter="formReply">提交</button>
                       </div>
                   </div>
               </div>
{{#  } }}
        <hr>
{{# if(item.parent_comment_id!=0){ }}     

{{# mark=1; }}
	<div class="comment-child">
     <img src="${path}/{{item.user.user_photo}}" alt="{{item.user.user_name}}">
     <div class="info">
     <span class="username">{{item.user.user_name}} : 
	
	 {{# if(item.user_id==1){ }}
		<span class="is_bloger">博主</span>
	 {{# } }}
	 </span>&nbsp;回复 <span class="username">@{{ item.user.user_temp}}：</span><span>{{item.comment_content}}</span>
      </div>
      <p class="info"><span class="time">{{item.comment_date}}</span>&nbsp;&nbsp;&nbsp;</p>
  </div>
 
   
 {{#  } }}
 {{#  }); }}
</script>	
<script>
layui.use(['flow','jquery', 'laytpl'] ,function(){
	  var flow = layui.flow;
	  var $ = layui.jquery;
	var laytpl = layui.laytpl;
	var count;
	  //加载数据评论
	  flow.load({
		  elem: '#messageList', //指定列表容器
		  isAuto:true,
		  done: function(page, next){
			  var lis = [];
			  $.ajax({
	      			url: '${path}/action/comment/list?id=0&page='+page,
	      			type:'post',
	      			dataType: 'json',
	      			success: function(data) {
	      				count = data.count;
	      				
	      				var tpl = $('#commentlist').html();
	      				laytpl(tpl).render(data, function(html){
	      					lis.push(html);
	      				});
	      				
	      				next(lis.join(''), page < count);  
	      			}      			
	      		});	
		  }
	  });
	  
	  /*友情链接列表*/
	  $.ajax({
	  		url: '${path}/action/links/getlinks',
	  		type:'post',
	  		dataType: 'json',
	  		success: function(data) {
	  			var lis=[];
	  			$.each(data, function(index,item){
	  				var li='';
					var test = item.friend_link_logo.indexOf("http");
	  				
	  					 
					li+='<li><a target="_blank" href="'+item.friend_links+'" title="'+item.friend_link_name;
					li+='" class="friendlink-item"><p class="friendlink-item-pic">';
					if(test == 0){
	  					li+='<img src="'+item.friend_link_logo;
	  				}
	  				else if(test == -1){
	  					li+='<img src="${path}/'+item.friend_link_logo;
	  					
	  				}
	  				else
	  				{
	  					li+='<img src="${path}/'+item.friend_link_logo;
	  					
	  				}
					li+='" alt="'+item.friend_link_name+'"></p><p class="friendlink-item-title">';
					li+=item.friend_link_name+'</p><p class="friendlink-item-domain">'+item.friend_links+'/</p></a></li>';
	  				lis.push(li);
	  				});
	  		
	  			$('.friendlink').append(lis.join(''));
	  		}      			
	  	});
		
	  
	
});


</script>
    <!-- 主体（一般只改变这里的内容） -->
    <div class="blog-body">
        <!-- 这个一般才是真正的主体内容 -->
        <div class="blog-container">
        	<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="index.html" title="网站首页">网站首页</a>
                <a><cite>关于本站</cite></a>
            </blockquote>
            <div class="blog-main">
                <div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
                    <ul class="layui-tab-title">
                        <li lay-id="1" class="layui-this">关于博客</li>
                        <li lay-id="2">关于作者</li>
                        <li lay-id="3" id="frinedlink">友情链接</li>
                        <li lay-id="4">留言墙</li>
                    </ul>
                    <div class="layui-tab-content">
                    	<div class="layui-tab-item layui-show">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                	<img alt="博客Log" src="${path}/img/admin.PNG" />
                                    <div><a class="long_wang animated fadeInLeftBig" href="${path}/">ZHI</a></div>
                                </div>
                                <p class="aboutinfo-introduce animated fadeInRightBig">一个特意为程序员准备的个人博客，记录各位博主的学习,记录生活中有趣的事，分享Java方面技术和源码。</p>
                                <hr />
                                <div class="aboutinfo-contact animated fadeInRightBig">
                                    <a title="网站首页" href="${path}/index.jsp"><i class="fa fa-home fa-2x" style="font-size:2.5em;position:relative;top:3px"></i></a>
                                    <a title="文章专栏" href="${path}/article.jsp"><i class="fa fa-file-text fa-2x"></i></a>
                                    <a title="杂七杂八" href="${path}/mixed_pic.jsp"><i class="fa fa-paper-plane-o fa-2x"></i></a>
                                    <a title="点点滴滴" href="${path}/timeline.jsp"><i class="fa fa-hourglass-half fa-2x"></i></a>
                                </div>

                                <fieldset class="layui-elem-field layui-field-title animated fadeInLeftBig">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract">
                                        <p style="text-align:center;">该网站知之是一个由JAVA开发的个人博客网站，诞生于2019年1月2日，前端页面使用“Absolutely”大神提供的前端模板页面，以及大量的LayerUI组件，网站架构使用mvc+spring+Tomcat架构 ，后台部分页面的布局使用layui框架模板。目前大体的主要功能已经完成，后续将会继续完善功能和页面的优化！</p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于网站End-->
                        <div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                     <img src="${path}/img/admin.PNG"  />
                                </div>
                                <p class="aboutinfo-nickname" >DAZL</p>
                                <p class="aboutinfo-introduce animated fadeInLeftBig">几个90后新疆大学大学生，Java开发工程师，主攻后端，略懂Web前端</p>
                                <p class="aboutinfo-location animated fadeInLeftBig"><i class="fa fa-location-arrow"></i>&nbsp;<span >中国 - 新疆</span></p>
                                <hr />
                                <div class="aboutinfo-contact animated bounceIn">
                                    <a target="_blank" title="QQ交流" href="http://shang.qq.com/email/stop/email_stop.html?qq=xxxx"><i class="fa fa-qq fa-2x"></i></a>
                                    <a target="_blank" title="给我写信" href="mailto:zhizhi@zhi.com"><i class="fa fa-envelope fa-2x"></i></a>
                                    <a target="_blank" title="新浪微博" href=""><i class="fa fa-weibo fa-2x"></i></a>
                                    <a  title="后台管理" href="${path}/action/user/adlogin"><i class="fa fa-database fa-2x"></i></a>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated bounceInUp">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract abstract-bloger">
                                        <p style="text-align:center;">本小组诞生于2018年，始终是一个欢乐、爱吃的团队，从事Java方向的研究和开发。</p>
                                        <h1 style="text-align:center;">小组成员</h1>
                                        <p style="text-align:center;">小组成员：丁志诚——技术大师，敖鹤荣——灵感大师，张伊扬——设计大师，李泽芳——零食大师</p>
                                        <h1 style="text-align:center;">小组分工</h1>
                                        <p style="text-align:center;">丁志诚、敖鹤荣：后台及功能实现；张伊扬、李泽芳：前端UI及文档</p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于作者End-->
                    	<div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="${path}/images/handshake.png" alt="友情链接" />
                                </div>
                                <p class="aboutinfo-nickname">友情链接</p>
                                <p class="aboutinfo-introduce">Name：知之&nbsp;&nbsp;&nbsp;&nbsp;Site：http://127.0.0.1:8080/know/#</p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-close"></i>经常宕机&nbsp;
                                    <i class="fa fa-close"></i>不合法规&nbsp;
                                    <i class="fa fa-close"></i>插边球站&nbsp;
                                    <i class="fa fa-close"></i>红标报毒&nbsp;
                                    <i class="fa fa-check"></i>原创优先&nbsp;
                                    <i class="fa fa-check"></i>技术优先
                                </p>
                                <hr />
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">互换友链，携手并进！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated fadeInRightBig">
                                    <legend>Friend Link</legend>
                                    <div class="layui-field-box">
                                        <ul class="friendlink">
											<li>
											<a target="_blank" href="https://www.baidu.com/" title="Baidu" class="friendlink-item">
											<p class="friendlink-item-pic"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546428318608&di=f206e8591bacbf52d7bf0177502a1ca5&imgtype=0&src=http%3A%2F%2Fgss0.baidu.com%2F-4o3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2F622762d0f703918f8ca9f441573d269758eec4c5.jpg" alt="百度"></p>
											<p class="friendlink-item-title">百度</p>
											<p class="friendlink-item-domain">https://www.baidu.com/</p>
											</a>
											</li>
											<li>
											<a target="_blank" href="https://gitee.com/" title="Gitee码云" class="friendlink-item">
											<p class="friendlink-item-pic"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547023122&di=2444b26e9e22197631b8dccfa6eb61cb&imgtype=jpg&er=1&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180322%2F3ac3ef9e69784980a0e708828dd51fae.png" alt="Gitee码云"></p>
											<p class="friendlink-item-title">Gitee码云</p>
											<p class="friendlink-item-domain">https://gitee.com/</p>
											</a>
											</li>
											<li>
											<a target="_blank" href="https://www.layui.com/" title="Layui" class="friendlink-item">
											<p class="friendlink-item-pic"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=161592573,2959487360&fm=58&s=C7D1AC72F5766A31464998460200E0F1" alt="Layui"></p>
											<p class="friendlink-item-title">Layui</p>
											<p class="friendlink-item-domain">https://www.layui.com/</p>
											</a>
											</li>
                                        </ul>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--友情链接End-->
                    	<div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="${path}/images/messagewall.png" alt="留言墙" />
                                </div>
                                <p class="aboutinfo-nickname">留言墙</p>
                                <p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-clock-o"></i>&nbsp;<span id="time"></span>
                                </p>
                                <hr />
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">沟通交流，拉近你我！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>Leave a message</legend>
                                    <div class="layui-field-box">
                                        <div class="leavemessage" style="text-align:initial">
                                            <form class="layui-form">
                                            <input type="hidden" id="user_id" name="user_id" lay-verify="userId" />
                                            <input type="hidden" id="article_id" name="article_id" value="0"  />
                                            <input type="hidden" id="parent_comment_id" name="parent_comment_id" value="0"  />
                                               
                                                <div class="layui-form-item">
                                                    <textarea name="comment_content" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea"></textarea>
                                                </div>
                                                <div class="layui-form-item">
                                                    <button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
                                                </div>
                                            </form>
                                            <ul class="blog-comment" style="text-align:left;" id="messageList"></ul>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--留言墙End-->
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 底部 -->
    		<footer id="f" class="blog-footer">
			<p><span>Copyright</span><span>©</span><span>2019</span>
				<a href="${path}/index.jsp">ZHI博客</a><span>Design By ZHI TEAM</span></p>
			<p>
				<a href="${path}/index.jsp" target="_blank">小学期课题</a>
			</p>
		</footer>
    <!--侧边导航-->
    <ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
			<li class="layui-nav-item">
				<a href="${path}/index.jsp"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
			</li>
			<li class="layui-nav-item">
				<a href="${path}/action/article/into"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
			</li>
			<li class="layui-nav-item">
				<a href="${path}/action/image/into"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
			</li>
			<li class="layui-nav-item">
				<a href="${path}/action/timeline/into"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
			</li>
			<li class="layui-nav-item">
				<a href="${path}/action/about/into"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
			</li>
			<span class="layui-nav-bar"></span>
		</ul>

    <!--分享窗体-->
    <div class="blog-share layui-hide">
        <div class="blog-share-body">
            <div style="width: 200px;height:100%;">
                <div class="bdsharebuttonbox">
                    <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                    <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                    <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                    <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                </div>
            </div>
        </div>
    </div>
    
    <!--遮罩-->
    <div class="blog-mask animated layui-hide"></div>
  
<script type="text/javascript">
    $(document).ready(function() {
        $(".fa-info").parent().parent().addClass("layui-this");
        systemTime();
    });
</script>

</body>
</html>